// import Vue from "vue";
import {createRouter ,createWebHistory } from "vue-router";

const routes = [
	{
		path: "/",
		component: () => import("../views/Home/index.vue"),
	},
	{
		path: "/home",
		name: "Home",
		component: () => import("../views/Home/index.vue"),
	},
	{
		path: "/songsheet/",
		name: "Songsheet",
		component: () => import("../views/Songsheet/index.vue"),
	},
	{
		path: "/album",
		name: "Album",
		component: () => import("../views/Album/index.vue"),
	},
	{
		path: "/artlist",
		name: "Artlist",
		component: () => import("../views/Artlist/index.vue"),
	},
	{
		path: "/artdetail/:id",
		name: "ArtDetail",
		component: () => import("../views/ArtDetail/index.vue"),
	},
	{
		path: "/vip",
		name: "Vip",
		component: () => import("../views/Vip/index.vue"),
	},
	{
		path: "/mv",
		name: "Mv",
		component: () => import("../views/Mv/index.vue"),
	},
	{
		path: "/user",
		name: "User",
		component: () => import("../views/User/index.vue"),
	},
	{
		path:'/mv/:id',
		name:'Mvdetail',
		component:()=>import("../views/Mv/Mvdetail/Mvdetail.vue")
	},
	{
		path: "/player",
		name: "Player",
		component: () => import("../views/Player/index.vue"),
	},
	{
		path: "/download",
		name: "Download",
		component: () => import("../views/Download/index.vue"),
	},
	{
		path: "/songdetail",
		name: "SongDetail",
		component: () => import("../views/Songsheet/component/Songdetail.vue"),
	}
];

const router = createRouter({
	history: createWebHistory(),
	routes,
});
export default router;
